<template>
<MineDataHeader title="个人资料"/>
  <div class="gap">
    <ItemView :image="true" :item="item1"/>
    <ItemView :item="item2"/>
    <ItemView :item="item3"/>
    <ItemView :item="item4"/>
  </div>
  <div class="gap">
    <ItemView :item="item5"/>
  </div>
</template>
<script setup lang="ts">
import MineDataHeader from '@/components/PubHeaderComponent.vue'
import ItemView from "@/views/MineView/components/ItemView.vue";
import icon from '@/assets/images/icon.png'
import {useTokenStore} from "@/store/Login.ts";
const {user}=useTokenStore()
const item1 = {
   text:'头像',
  image:icon
}
const item2 = {
  text:'昵称',
  desc:user.username
}
const item3 = {
  text:'性别',
  desc:'男'
}
const item4 = {
  text:'生日',
  desc:''
}
const item5 = {
  text:'收货地址',
  desc:''
}
</script>
<style scoped lang="less">
.gap{
  margin: 10px 0;
}
</style>